/* components/food-card/FoodCard.wxss */

.food-card {
    background-color: #fff;
    border-radius: 10rpx;
    padding: 30rpx;
    width: 100%;
    position: relative;
    height: 476rpx;

    &__thumb {
        margin-bottom: 30rpx;
        display: flex;
        justify-content: center;

        .food-card__img {
            width: 240rpx;
            height: 240rpx;
        }
    }

    &__title {
        font-size: 28rpx;
        margin-bottom: 10rpx;
    }

    &__desc {
        color: #f3552e;
        font-size: 24rpx;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    &__content {
        margin-bottom: 30rpx;
    }

    &__bottom {
        color: #f3552e;
    }

    &__price {
        font-weight: 600;
    }

    &__price-integer {
        font-size: 32rpx;
    }

    &__price-decimal {
        font-size: 26rpx;
    }

    &__price-unit {
        font-size: 26rpx;
        font-weight: normal;
        margin-left: 5rpx;
        color: #666;
    }

    &__cart {
        position: absolute;
        bottom: 0;
        right: 0;
    }
}